@import "common.less";

.show{
  position: fixed;left: 50%;top: 0;width: 100%;height: 100%;background: url(../img/showbg.jpg) no-repeat;background-size: 750/@rem 1335/@rem;max-width: 750/@rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  .showtop{position: absolute;left: 0;top: 0;width: 165/@rem;height: 190/@rem;background: url(../img/showtop.png) no-repeat;background-size: 165/@rem 190/@rem;z-index:1;}
  .showbox{
      width: 100%;height: 100%;background: url(../img/showbox.png) no-repeat;background-size: 750/@rem auto;position: absolute;left: 0;top: 50/@rem;
      .title{width: 661/@rem;height: 56/@rem;background: url(../img/showtitle.png) no-repeat;background-size: 661/@rem 56/@rem;margin: 36/@rem auto 0;}
      .pic{
          width: 661/@rem;height: 401/@rem;text-align: center;margin: 25/@rem auto 0;position: relative;
          img{width: 535/@rem;height: 401/@rem;vertical-align: middle;}
          .seal{width: 210/@rem;height: 103/@rem;background: url(../img/seal.png) no-repeat;background-size: 210/@rem 103/@rem;position: absolute;right: 20/@rem;bottom: -40/@rem;}
      }
      .sub{width: 661/@rem;height: 38/@rem;background: url(../img/sub.png) no-repeat;background-size: 661/@rem 38/@rem;margin: 35/@rem auto 0;}
      .content{width: 582/@rem;height: 224/@rem;overflow-x: hidden;line-height: 56/@rem;font-size: 32/@rem;color: #e383ac;margin: 18/@rem auto 0;background: url(../img/contentbg.png) no-repeat;background-size: 582/@rem 224/@rem;}
      .createbtn{position: absolute;left: 50%;top: 1050/@rem;background: url(../img/createbtn.png) no-repeat;background-size: 225/@rem 55/@rem;width: 225/@rem;height: 55/@rem;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);}
  }
  .music{position: fixed;left: 25/@rem;top: 25/@rem;width: 50/@rem;height: 50/@rem;background: url(../img/music.png) no-repeat;background-size: 50/@rem 50/@rem;z-index: 10;}
}
.showloading{
  position: fixed;left: 0;top: 0;z-index: 5;width: 100%;height: 100%;background: url("/src/img/showloading.jpg");background-size: cover;
}